* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* 清除滚动条，但不影响滚动 */
::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
html {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Global Custom Styles */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%; /* 确保 html 和 body 占据整个视口高度 */
}
*,
*::before,
*::after {
  box-sizing: border-box; /* 全局应用 border-box 盒模型 */
}

:root {
  --editor-bg: #f0f8ff; /* AliceBlue - 浅蓝色/白色主色调 */
  --panel-bg: #e0ffff; /* LightCyan - 稍深的蓝色/白色 */
  --canvas-bg: #ffffff; /* Pure White - 画布背景 */
  --text-primary: #1e90ff; /* DodgerBlue - 主要文字颜色，深蓝色 */
  --text-secondary: #4682b4; /* SteelBlue - 次要文字颜色，中蓝色 */
  --border-color: #add8e6; /* LightBlue - 边框颜色，浅蓝色 */
  --accent-color: #00bfff; /* DeepSkyBlue - 强调色，天蓝色 */
  --accent-hover: #87cefa; /* LightSkyBlue - 强调色悬停，更浅的天蓝色 */
  --danger-color: #dc143c; /* Crimson - 危险色，保持红色 */
}
